<template>
  <div class='appdownload'>
    <div class="logo"></div>
    <div class="txt"></div>
    <div class="appopen"></div>
  </div>
</template>
<script>
export default {
  name: 'AppDownload'
}
</script>
<style scoped lang="less">
.appdownload{
  width: 100%;
  height: 100vh;
  background-image: url(/static/AppDownload/AppDownloadbg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top:350px;
  &>div{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin:auto;
  }
  .logo{
    width: 100px;
    height: 100px;
    background-image: url(/static/AppDownload/Applogo.png);
  }
  .txt{
    margin-top: 50px;
    width: 250px;
    height: 60px;
    background-image: url(/static/AppDownload/AppText.png);
  }
  .appopen{
    margin-top: 80px;
    width: 220px;
    height: 70px;
    background-image: url(/static/AppDownload/Appopen.png);
  }
}
</style>
